<div class="twy-video spaced-section {% unless section.settings.full_width %} page-width{% endunless %}">
  <div{% if section.settings.full_width %} class="page-width"{% endif %}>
    <h2 class="title">{{ section.settings.heading }}</h2>
  </div>
  <div class="video-width">
    <div>
      {% if section.settings.video != blank %}
        {{ section.settings.video }}
      {% endif %}

    </div>

  </div>
</div>

{% schema %}
{
  "name": "Twy video",
  "tag": "section",
  "class": "spaced-section spaced-section--full-width twy-video block-video",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "default": "Video",
      "label": "t:sections.video.settings.heading.label"
    },
    {
      "type": "html",
      "id": "video",
      "label": "Video"
    },
    {
     "type": "checkbox",
     "id": "full_width",
     "label": "t:sections.video.settings.full_width.label",
     "default": false
   }
  ],
  "presets": [
    {
      "name": "Twy video"
    }
  ]
}
  {% endschema %}
